<template>
  <div>
    <HeadView />
    <div class="content favorites_box">
      <h3>Favorites</h3>
      <div v-if="this.starArr.length > 0">
        <div v-for="(item,i) in starArr" :key="i">
          <!-- <FavView :disable="false" title="majon1.web3" :isStar="true" /> -->
          <FavView v-if="item.name" :title="item.name" />
        </div>
      </div>
      
      <!-- <FavView :disable="false" title="majon1.web3" :isStar="true" />
      <FavView :disable="true" title="majon2.web3" err="This name is already taken" :year="10" /> -->
      <div v-else>
        <p class="no_p">You did not save your favorite domains. <i class="blue"> Search a domain</i></p>
      </div>
      
    </div>
    <LinkView />
  </div>
</template>

<script>
import HeadView from '@/components/HeadView.vue'
import LinkView from '@/components/LinkView.vue'
import FavView from '@/components/FavView.vue'
export default {
  data(){
    return{
      starArr:[],
    }
  },
  mounted(){
    this.starArr = JSON.parse(localStorage.getItem('star'))  || []
  },
  components: {
    HeadView,
    LinkView,
    FavView
  }
}
</script>
